.box {
    width: 1100px;
    margin: 50px auto; /* 居中显示 */
    border: 1px solid #DCDFE6;
    border-radius: 20px;
    padding: 20px;
}

.box:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}

.box-title {
    text-align: center;
}

.box-table {
    margin-top: 20px;
    text-align: center; /* 表格内文字居中显示 */
    width: 100%;
}

.box-nav {
    text-align: center;
}

/* 添加圆角外框 */
table {
    border-collapse: inherit !important;
    border-radius: 10px;
    overflow: hidden;
}
.box-table th, .box-table td {
    text-align: center;
    padding: 8px;
}
th,
td {
    padding: 10px;
    border: 1px solid #DCDFE6;
}
.my-btn {
    padding: 6px 12px; /* 设置按钮内边距 */
    font-size: 12px; /* 设置按钮字体大小 */
    background-color: #84b8ee; /* 设置按钮背景颜色 */
    color: #fff; /* 设置按钮字体颜色 */
    border: none; /* 移除按钮边框 */
    cursor: pointer; /* 添加鼠标悬停效果 */
    border-radius: 5px; /* 设置圆角 */
}
